<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var colors = ["red", "green"];
      // push() 从数组后边插入一个元素
      var n1 = colors.push("blue");
      // 先在 colors 末尾添加一个 'blue',
      // 将 colors.push("blue") 这句代码的结果(返回值) 赋给左边的变量 n1
      // push方法 的返回值  是加入元素之后新数组的长度
      console.log(colors, n1);

      // unshift() 从数组最前边插入一个元素
      var n2 = colors.unshift("pink");
      // unshift 放的返回值  也是新数组的长度
      console.log(colors, n2);

      // pop() 删除数组的末尾元素
      var n3 = colors.pop();
      console.log(colors, n3);
      // pop()方法的返回值 就是删除的那个元素

      // shift  删除数组最前边的元素
      colors.shift();
      console.log(colors);
      // shift 方法的返回值 也是删除的那个元素

      // 会改变原始数组

      // 如果需要 使用返回值,那么 就用 一个变量 接受一下
      // 如果不需要不关心返回值,那就直接调用方法即可
    </script>
  </body>
</html>
